<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>♡ 真香の美食♡ </title>
    <link rel="stylesheet" href="../public/bootstrap.css">
    <link rel="stylesheet" href="../08/main.css">
</head>

<body>
    <header>
        <nav id="menu" class="navbar navbar-expand-lg navbar-light fixed-top shadow-sm">
            <div class="container">
                <a class="navbar-brand" href="#">
                    <img src="../public/images/可爱小语~.png" alt="♡ 达叔の故事♡ ">
                </a>
                <button class="navbar-toggler" type="button" data-toggle="collapse"
                    data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
                    aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav mr-auto">
                        <li class="nav-item active">
                            <a class="nav-link" href="../00主页 何一佑/index.html">首页<span
                                    class="sr-only">(current)</span></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="../01宋婉铭/index(swm).html">黑龙江╰(*°▽°*)</a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link" href="../02黄巧丽/index (2).html">湖南(ฅ´ω`ฅ)</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="../03李文镜/3四川.html">四川(,,• ₃ •,,)♥</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="../04李北园/index (1).html">广西 ٩(๑´0`๑)۶</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="../05龙羽翔/index (3).html">贵州(●´∀｀●)</a>
                        </li>
                    </ul>
                    <form class="form-inline my-2 my-lg-0">
                        <input class="form-control mr-sm-2" type="search" placeholder="今天吃什么" aria-label="Search">
                        <button class="btn btn-outline-sousuo my-2 my-sm-0" type="submit">搜索 (•̀ᴗ•́)و ̑̑</button>
                    </form>
                    <!-- <button class="btn btn-outline-danger my-2 my-sm-0 animated infinite pulse">支持我们</button> -->
                </div>
            </div>
        </nav>
    </header>
    <main>
        <section id=slide class="hero">
            <div id="carouselExampleCaptions" class="carousel slide container" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                    <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>

                </ol>
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <a href="detail.html"><img src="../public/images/封面 美食文化图片.png" class="d-block w-100"
                                alt="..."></a></div>
                    <div class="carousel-caption  d-md-block">
                        <h3>♡ 真 香 の 美 食 ♡</h3>
                        <p>来自五湖四海的美味~</p>
                    </div>
                    </a>
                </div>
            </div>
            <div class="carousel-item">
                <div class="carousel-item-content">
                    <div class="mbr-overlay">
                        <a href=""><img src="../public/images/瘦肉丸.jpg" class="d-block w-100" alt="..."></a>
                    </div>

                    <div class="carousel-caption  d-md-block">
                        <h3>你 最 爱 的 美 食</h3>
                        <p>美食最能治愈人心</p>
                    </div>
                </div>
            </div>

            </div>
            <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
            </div>
        </section>
        <section id="recent-events" class="container p-3">
            <h4 class="text-center h4-1"> 预览内部内容，电脑客户端请点击上方导航条，手机客户端请点击右上角的小方框哦~</h4>
            <h3 class="text-center animated fadeInDown delay-1s">· 美 食 指 南 ·</h3>
            <div class="row animated fadeInUp delay-2s mb-5 pb-3">
                <div class="col-md-3">
                    <div class="img">
                        <img class="img-fluid" src="../public/images/黑龙江锅包肉.jpeg" alt="黑龙江锅包肉" class="img-fluid">
                    </div>
                </div>
                <div class="col-md-6 event-info">
                    <h4>黑龙江の美食</h4>
                    <ul class="list-unstyled text-info">

                        <li><i class="fa fa-map-pin" aria-hidden="true"></i>你爱吃锅包肉嘛！</li>
                        <li><i class="fa fa-location-arrow" aria-hidden="true"></i>来黑龙江吃呀</li>
                    </ul>
                    <p>黑龙江特色美食，期待你的到来</p>

                </div>
                <div class="col-md-3">
                    <button type="button" class="btn btn-danger">黑龙江美食菜单</button>
                </div>
            </div>
            <div class="row animated fadeInUp delay-3s mb-5 pb-3">
                <div class="col-md-3">
                    <img src="../public/images/湖南剁椒鱼头.jpg" alt="湖南剁椒鱼头" class="img-fluid">
                </div>
                <div class="col event-info">
                    <h4>湖南の美食</h4>
                    <ul class="list-unstyled text-info">
                        <li><i class="fa fa-calendar" aria-hidden="true"></i>你爱吃剁椒鱼头嘛！</li>
                        <li><i class="fa fa-map-pin" aria-hidden="true"></i>来湖南吃呀</li>

                    </ul>
                    <p>湖南美味小吃，期待你的到来~
                    </p>
                </div>
                <div class="col-md-3">
                    <button type="button" class="btn btn-danger">湖南美食菜单</button>
                </div>
            </div>
            <div class="row animated fadeInUp delay-1s mb-5 pb-3">
                <div class="col-md-3">
                    <img src="../public/images/四川凉粉.jpg" alt="四川凉粉" class="img-fluid">
                </div>
                <div class="col event-info">
                    <h4>四川の美食 <a href="../03李文镜/3四川.html"></a></h4>
                    <ul class="list-unstyled text-info">
                        <li><i class="fa fa-calendar" aria-hidden="true"></i>你爱吃凉粉嘛！</li>
                        <li><i class="fa fa-map-pin" aria-hidden="true"></i>来四川吃呀</li>
                    </ul>
                    <p>四川辣味十足，期待你的到来~</p>

                </div>
                <div class="col-md-3">
                    <button type="button" class="btn btn-danger">四川美食菜单</button>

                </div>
            </div>
            <div class="row animated fadeInUp delay-3s mb-5 pb-3">
                <div class="col-md-3">
                    <img src="../public/images/广西螺蛳粉.jpg" alt="广西螺蛳粉" class="img-fluid">
                </div>
                <div class="col event-info">
                    <h4>广西の美食</h4>
                    <ul class="list-unstyled text-info">
                        <li><i class="fa fa-calendar" aria-hidden="true"></i>你爱吃螺蛳粉嘛！</li>
                        <li><i class="fa fa-map-pin" aria-hidden="true"></i>来广西吃呀</li>

                    </ul>
                    <p>来广西，一起来嗦螺蛳粉！
                    </p>
                </div>
                <div class="col-md-3">
                    <button type="button" class="btn btn-danger">广西美食菜单</button>
                </div>
            </div>
            <div class="row animated fadeInUp delay-3s mb-5 pb-3">
                <div class="col-md-3">
                    <img src="../public/images/贵州酸汤鱼.jpg" alt="贵州酸汤鱼" class="img-fluid">
                </div>
                <div class="col event-info">
                    <h4>贵州の美食</h4>
                    <ul class="list-unstyled text-info">
                        <li><i class="fa fa-calendar" aria-hidden="true"></i>你爱吃酸汤鱼嘛！</li>
                        <li><i class="fa fa-map-pin" aria-hidden="true"></i>来贵州吃呀</li>

                    </ul>
                    <p>来贵州吃各种美食吧~
                    </p>
                </div>
                <div class="col-md-3">
                    <button type="button" class="btn btn-danger">贵州美食菜单</button>
                </div>
            </div>
        </section>
        <section id="member" class="my-5">
            <h2 class="h2 text-center">唯有“吃”不可辜负，吃货专属</h2>
            <p class="display-4 text-center title-bg">
                the best food make us relax
            </p>
            <div class="row mt-5">
                <div class="col-md-4">
                    俗话说得好“民以食为天”，中国五湖四海，各地都有各地的美食特色与美食文化，从古时候的传统厨艺，到现在的特色美食，都是人们最喜欢吃的。
                </div>
                <div class="col-md-4">我们都爱“吃”，每次出去旅游，第一目的，不是为了玩，而是为了吃。“吃”，是我们每个人最爱的，美味的食物总是能让人心情愉悦。</div>
                <div class="col-md-4">各地的美食总是吸引着各个地方的人前去品尝，因食而盛名，因食而有味。每个中国人都是妥妥的吃货，因为美食太多太美味了，连外国人来都不想走了~</div>
            </div>

        </section>
    </main>
    <footer>
        <section class="container-fluid contact p-5">
            <div class="row">
                <div class="col-lg-4 text-center">
                    <h4>·真香小组二维码·</h4>
                    <img src="../public/images/群二维码.jpg" alt="二维码" class="img-fluid">
                </div>
                <div class="col-lg-4">
                    <h4>·联系我们·</h4>
                    <ul class="list-unstyled">
                        <li><i class="fa fa-map-marker"></i>真香小组</li>
                        <li><i class="fa fa-phone" aria-hidden="true"></i>电话：177-1111-2333</li>
                        <li><i class="fa fa-paper-plane" aria-hidden="true"></i>邮箱：845902547@qq.com</li>
                        <li><i class="fa fa-globe" aria-hidden="true"></i>地址：西北民族大学</li>
                    </ul>
                </div>

                <div class="col-lg-4">
                    <h4>·Food·</h4>
                    <ul class="list-unstyled list-colums">
                        <li><i class="fa fa-link" aria-hidden="true"></i>有什么好吃的推荐</li>
                        <li><i class="fa fa-link" aria-hidden="true"></i>欢迎前来推荐</li>
                        <li><i class="fa fa-link" aria-hidden="true"></i>若需要提供美食指南</li>
                        <li><i class="fa fa-link" aria-hidden="true"></i>请来联系我们~</li>

                    </ul>
                </div>
            </div>
        </section>
        <section class="container-fluid copyright">
            <p class="text-center">© zhenxiang 2020 - <span><a href="#">来自@真香小组的编辑</a></span> - Taste The </p>
        </section>
    </footer>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.4.1/js/bootstrap.min.js"></script>
</body>

</html>